// 轮播js

var image = document.querySelectorAll("#box img");
var lis = document.querySelectorAll("#box li");
var i = 0;
// setInterval(function () {
//     i++;
//     if (i == image.length) {
//         i = 0
//     }
//     // console.log(i);
//     for (var k = 0; k < image.length; k++) {
//         image[k].style.opacity = "0";
//         lis[k].classList.remove("action");
//         lis[k].className = "";
//     }
//         image[i].style.opacity = "1";
//         lis[i].classList.add("action");
//         lis[i].className = "action1";
// }, 3000)
for (var j = 0; j < lis.length; j++) {
    // console.log(j);
    lis[j].index = j;
    lis[j].onclick = function (e) {
        //   console.log(this.index);
        for (var k = 0; k < image.length; k++) {
            image[k].style.opacity = "0";
            lis[k].className = "";
        }
        image[this.index].style.opacity = "1";
        this.className = "action1";
        i = this.index;
    }
}
//   折扣js
    var lis2 = document.querySelectorAll(".time-one > ul >li");
    var uls = document.querySelectorAll(".time-two > ul");
    for(var i = 0;i < lis2.length;i++){
        lis2[i].index=i;
        // console.log(lis[i].index);
        lis2[i].onclick=function(){
            for(var j = 0; j <lis2.length;j++){
                lis2[j].setAttribute("class","");
                uls[j].setAttribute("class","");
            }
            this.setAttribute("class","active2");
            uls[this.index].setAttribute("class","show")
        }
    }
// 多买多折扣js
var li = document.querySelectorAll(".tite > ul >li");
var ul = document.querySelectorAll(".pic>ul");

for(var i =0;i <li.length;i++){
    li[i].index=i;
    // console.log(li[i].index);
    li[i].onclick=function(){
        for(var j =0;j <li.length;j++){
            li[j].setAttribute("class","");
            ul[j].setAttribute("class","");
        }
        this.setAttribute("class","active3");
        ul[this.index].setAttribute("class","show")
    }
}
